(function(root, factory) {
  if (typeof define === "function" && define.amd) {
    // AMD. Register as an anonymous module.
    define(["exports", "echarts"], factory);
  } else if (
    typeof exports === "object" &&
    typeof exports.nodeName !== "string"
  ) {
    // CommonJS
    factory(exports, require("echarts"));
  } else {
    // Browser globals
    factory({}, root.echarts);
  }
})(this, function(exports, echarts) {
  var log = function(msg) {
    if (typeof console !== "undefined") {
      console && console.error && console.error(msg);
    }
  };
  if (!echarts) {
    log("ECharts is not Loaded");
    return;
  }
  var contrastColor = "#eee";
  var axisCommon = function() {
    return {
      axisLine: {
        lineStyle: {
          color: contrastColor,
        },
      },
      axisTick: {
        lineStyle: {
          color: contrastColor,
        },
      },
      axisLabel: {
        
      },
      splitLine: {
        lineStyle: {
          type: "dashed",
          color: "#aaa",
        },
      },
      splitArea: {
        areaStyle: {
          color: contrastColor,
        },
      },
    };
  };

  var colorPalette = [
    "#dd6b66",
    "#759aa0",
    "#e69d87",
    "#8dc1a9",
    "#ea7e53",
    "#eedd78",
    "#73a373",
    "#73b9bc",
    "#7289ab",
    "#91ca8c",
    "#f49f42",
  ];
  var theme = {
    color: colorPalette,
    backgroundColor: "#333",
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: contrastColor,
        },
        crossStyle: {
          color: contrastColor,
        },
      },
    },
    legend: {},

    title: {},
    toolbox: {
      iconStyle: {
       
      },
    },
    dataZoom: {},
    timeline: {
      lineStyle: {
        color: contrastColor,
      },
      itemStyle: {
        // normal: {
        //     color: colorPalette[1]
        // }
      },
      label: {
       
      },
      controlStyle: {
        // normal: {
        //     color: contrastColor,
        //     borderColor: contrastColor
        // }
      },
    },
    timeAxis: axisCommon(),
    logAxis: axisCommon(),
    valueAxis: axisCommon(),
    categoryAxis: axisCommon(),

    line: {
      symbol: "circle",
    },
    graph: {
      color: colorPalette,
    },
    gauge: {
      title: {},
    },
    candlestick: {
      itemStyle: {
        normal: {
          color: "#FD1050",
          color0: "#0CF49B",
          borderColor: "#FD1050",
          borderColor0: "#0CF49B",
        },
      },
    },
  };
  theme.categoryAxis.splitLine.show = false;
  echarts.registerTheme("dark", theme);
});
